<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>样式</title>
		<style>
			h3{
				color:#be3ba8;   /* 字体颜色     rgb: red红 green绿  blue蓝  0~f十六进制  ALT+鼠标点击*/
				font-size:36px;   /* 字体大小 */
				text-align: center;   /* 文本居中 */
			}
			p{
				color:red;
			}
			.size{
				font-size:120px;
			}
			#col{
				color:#7253bf;
				font-family:'微软'
				font-weigh:800;  /*字体加粗 */
			}
		</style>
		<!--引入css文件-->
		<link href="css/fontStyle.css" rel="stylesheet"/>
	</head>
	<body>
		<!--CSS:层叠样式表、级联样式表、用来布局和美化页面-->
		<!--
		 引入样式 
		1.内联样式：再开始标签中用style属性 
		2.内部样式：在html文件的head标签中用style标签来写
		3.外部样式：
		   step1:创建css文件，书写样式
		   step2:在html文件中引入css文件
		思考：对同一个标签用三种引入方式作用同一种效果，三种引入方式的优先级分别是？
		内联样式优先级最高，谁离标签更近，谁的优先级更高
		-->
		<!--
		选择器：
		1.标签选择器
		2.类选择器
		3.id选择器
		-->
		
		<h1 style="color: blue;"class="size">古诗中文网</h1> <!--px为像素的单位-->
		<h3 style="color: red;"class="size">蒹葭</h3>
		<p style="color:black;">蒹葭苍苍，白露为霜</p>
		<p id="col">所谓伊人，在水一方</p>
		<ul>
			
		</ul>
	</body>
</html>